Implementé el cuadro de selección en la aplicación Vue.js / Nuxt.js de Vuetify.js .
Agregué el evento @change para obtener el valor seleccionado.
<v-select v-model="selectedStartTime" :items="startTime" item-text="text" item-value="value" @change="onChangeEndTime" /> onChangeEndTime (e : Event) { console.log(e) } Developer Console muestra el valor del objeto seleccionado.
Quiero saber cómo obtener su valor de elemento específico hour y minute en la función onChangeEndTime.
console.log(e.target) devolvió undefined .
console.log(e.hour) devuelve el valor exacto. pero muestra el mensaje de error Property 'hour' does not exist on type 'Event'.Vetur(2339) .
El argumento change -event v-select es el valor seleccionado en sí mismo (no un objeto Event ), que es el objeto que contiene la hour y el minute .
Una solución es cambiar el tipo de e de Event a { hour: number, minute: number } :
onChangeEndTime (e : { hour: number, minute: number }) { console.log(e.hour) // ✅ e.hour exists }